﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="formularioProyectos.aspx.cs" Inherits="ITCR.ProyectoAgricola.Interfaz.formularioProyectos" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Formulario: Proyectos</title>
    <link href="css/estilosbanner.css" rel="stylesheet" type="text/css" />
	<link href="css/estilosRegistrarse.css" rel="stylesheet" type="text/css" />
    <link href="css/estiloscatalogobuscar.css" rel="stylesheet" type="text/css" />
    <link href="css/estilosNombreEmpresa.css" rel="stylesheet" type="text/css" />
    <link href="css/estilosWidth.css" rel="stylesheet" type="text/css" />
    <link href="css/estilosTabs.css" rel="stylesheet" type="text/css" />
    <link href="css/estilosDatosEmpresa.css" rel="stylesheet" type="text/css" />
    <link href="css/estilosFooter.css" rel="stylesheet" type="text/css" />
    <link href="css/estilosCuerpoEmpresaFormulario.css" rel="stylesheet" type="text/css" />
    <link href="css/estiloscatalogoinicio.css" rel="stylesheet" type="text/css" />
    <link href="css/estilosCuerpoProyecto.css" rel="stylesheet" type="text/css" />
    <script src="http://connect.facebook.net/es_ES/all.js#appId=128897243865016&amp;xfbml=1"></script>

    <style type="text/css">
    #seccionTabs ul li a:hover, #seccionTabs ul li.active a{
	
	background: url(imagenes/color.png) center bottom;
	}
	#seccionTabs ul{

	background: url(imagenes/nav-bg.png) repeat-x 0px 4px;
	}
	#seccionTabs {

	background: url(imagenes/bottom-bg.png) repeat-x center bottom;
	}
	#ImagenMasProyectos
	{
	    background:url("imagenes/iconoMas1.png");
	}
	#ButtonNuevo
	{
	    background:url("imagenes/botonBorrar.png") no-repeat;
	}
	#ButtonGuardarNuevo
	{
	    background:url("imagenes/botonActualizar.png") no-repeat;
	}
	#ButtonHome
	{
	    background:url("imagenes/botonHome.png");
	}
	#ButtonCatalogoP
	{
	    background:url("imagenes/catalogoIconop.png") no-repeat;
	}
		#ButtonAvanzarProyecto
	{
	    background:url("imagenes/flechaDerecha.png") no-repeat;
	}
	#ButtonRetroceder
	{
	    background:url("imagenes/flechaIzquierda.png") no-repeat;
	}
    </style>      

    <script type="text/javascript" src="js/jquery.js"></script>

    <script type="text/javascript">

        $(document).ready(function () {
            $("#seccionCamposDatosProyecto a").each(function () {
                var href = $(this).attr("href");
                $(this).attr({ href: "#" });
                $(this).click(function () {
                    $("#seccionCuerpoEmpresaFormulario").load(href);
                });
            });
        }); 
</script>


</head>


<body id="cuerpo" runat="server">

 <form id="form1" runat="server">

     <a id="linkTec" href= "http://www.tec.cr/Paginas/">TEC </a>
        <div id="seccionBanner">
		    <div id= "seccionBannerTop">
		    <h1> Tecnológico de Costa Rica</h1>
		    </div>
		    
	    </div>
	    <div id= "seccionBannerImagenes">
            <img id="imagenTec" alt="" src="imagenes/imagenTec.jpg"/>
        <img id="imagenMag" alt="" src="imagenes/mag.png"/>
		<div id="tituloEncabezado"><img alt="" src = "imagenes/tituloCatalogo.png"/></div>	
		<img id="imagensector" alt="" src="imagenes/sectorAgro.png"/>
        <img id="imagenFittacori" alt="" src="imagenes/fittacori.png" />
        <img id="imagenFittacori2" alt="" src="imagenes/fitlogo.png" />
	    </div>
    
    
  
    <div id="seccionBusqueda">
        <asp:Label ID ="LabelBienvenida" Text="BIENVENIDO (A):  " runat="server"> </asp:Label>
        <asp:Label ID ="LabelNombreUsuarioFormulario" Text="" runat="server"> </asp:Label>
        <!--img id= "ImgFacebook" alt="" src="imagenes/facebook.jpg"/--> 
    <div id="fb-root"></div>
    <!--fb:like id="facelike" href="www.itcr.ac.cr/catalogoagriculturaprotegida" send="false" layout="button_count" width="110" show_faces="false" font=""></fb:like-->
        
        <asp:Button ID="ButtonHome" runat="server" onclick="ButtonHome_Click" ToolTip="Inicio"> </asp:Button>
     <!--   <asp:Button ID="ButtonCatalogoP" runat="server" onclick="ButtonCatalogoP_Click" ToolTip="Catálogo"> </asp:Button> -->
    </div>

    <div id="seccionNombreEmpresa">
		<img id= "ImagenfondoBanner" alt="" src="imagenes/BannerFoto.png"/>    
	</div>

    <div id="seccionTabs">
    <ul>
       <li><a href='formularioEmpresaPerfil.aspx'><span>Perfil</span></a></li>	   
       <li class='active '><a href='formularioProyectos.aspx'><span>Proyectos</span></a></li>
       <li><a href='formularioInsumosServicios.aspx'><span>Productos e Insumos</span></a></li>
       <li><a href='formularioImplementacionEquipamiento.aspx'><span>Implementación y Equipamiento</span></a></li>
       <li><a href='formularioProduccionPoscosecha.aspx'><span>Producción y Poscosecha</span></a></li>      
    </ul>
    </div>
    <div id="seccionCuerpoEmpresaFormulario">
        <div id="seccionIntroduccionInicioFormulario"><br/><br/>
            <img id= "ImagenTituloProyecto" alt="" src="imagenes/tituloProyecto.png"/>
            <p id ="introduccion" align="center">En este espacio, podrá compartir información sobre algunos de los proyectos en los que ha participado. El campo no es obligatorio, pero la información puede constituirse como referencia para los interesados en sus productos y servicios. Podrá ingresar un máximo de 5 proyectos. </p>
            <p id ="recuerde"> RECUERDE guardar CADA proyecto antes de pasar a la siguiente pestaña.</p>
        </div>
        <div id="seccionTituloDatosProyecto">
            <img id= "ImagenInformacionProyectos" alt="" src="imagenes/tituloDatosProyecto.png"/>            
            <label id="labelNumeroProyectos">Máximo 5 proyectos </label>            
            <asp:Button id="ButtonNuevo"  runat="server" onclick="ButtonNuevo_Click"/>
            <asp:Button id="ButtonGuardarNuevo"  runat="server" onclick="ButtonGuardarNuevo_Click"/>
            <asp:label id ="labelNumeroProyecto" Text="" runat="server" Visible="false"> </asp:label>
            <asp:label id ="labelIdentificadorProyecto" Text="" runat="server" Visible="false"> </asp:label>
        </div>
        <div id="seccionDatosProyecto">
        <div id="seccionTitulos">            
            <label id="labelUbicación">Ubicación</label>
            <label id="labelArea">Área</label>
            <label id="labelCultivos">Cultivos</label>
            <label id="labelMercadoDestino">Mercado Destino</label>
            <label id="labelNivelTecnologico">Nivel Tecnológico</label>  
            <label id="labelObjetivo1">Objetivo</label>          
            <label id="labelVisitaSINO">¿Es posible visitarlo?</label>
            
        </div>
        <div id="seccionCamposDatosProyecto">
        
             <div id = "seccionCamposDatosProyecto1">
                <label id="labelProvincia">Provincia</label>
                <label id="labelCanton">Cantón</label>
                <label id="labelDistrito">Distrito</label>    
                <asp:DropDownList id="drop1Provincias" runat="server" AutoPostBack="True" onselectedindexchanged="drop1_SelectedIndexChanged">
                </asp:DropDownList>         
                
                <asp:DropDownList id="dropCantones" runat="server" AutoPostBack="True" onselectedindexchanged="dropCantones_SelectedIndexChanged"></asp:DropDownList>               
                <asp:DropDownList id="dropDistrito" runat="server" AutoPostBack="true"></asp:DropDownList>   
             </div>
             <div id="seccionCamposDatosProyecto2">
                <asp:DropDownList id="SelectArea" runat="server" AutoPostBack="true"></asp:DropDownList>
                <label id="labelDos">2</label>
                <label id="labelMetros">m</label>
            </div>
            <div id="seccionCamposDatosProyecto3">
                <asp:DropDownList id="SelectCultivo" runat="server" AutoPostBack="true"></asp:DropDownList>
            </div>
            <div id="seccionCamposDatosProyecto4">
                <asp:DropDownList id="SelectMercadoDestino" runat="server" AutoPostBack="true"></asp:DropDownList>
            </div>
            <div id="seccionCamposDatosProyecto5">
                <asp:DropDownList id="SelectNivelTecnologico" runat="server" AutoPostBack="true"></asp:DropDownList>
            </div>
            <div id="seccionCamposDatosProyecto7">
            <asp:DropDownList id="SelectObjetivo" runat="server" AutoPostBack="true"></asp:DropDownList>
            </div>
            <div id="seccionCamposDatosProyecto6" class= "visible">
            
            <div id="visita">
                <asp:RadioButton id="CheckboxVisitaSI" Text="Sí" Checked="true" GroupName="visitar" runat="server"/><br />
                <asp:RadioButton id="CheckboxVisitaNO" Text="No" GroupName="visitar" runat="server"/><br />                               
            </div>
            </div>
        </div>
           
        </div>
        <div id="seccionNumeroProyectos">
            <ul>
                <li><a class ="normal" id="proyectoUno" href="#" runat="server" onserverclick="linkUno_Click">1</a></li>
                <li><a class ="normal" id="proyectoDos" href="#" runat="server" onserverclick="linkDos_Click">2</a></li>
                <li><a class ="normal" id="proyectoTres" href="#" runat="server" onserverclick="linkTres_Click">3</a></li>
                <li><a class ="normal" id="proyectoCuatro" href="#" runat="server" onserverclick="linkCuatro_Click">4</a></li>
                <li><a class ="normal" id="proyectoCinco" href="#" runat="server" onserverclick="linkCinco_Click">5</a></li>
            </ul>
        </div>
    </div>
    <div id="seccionBotonesProyecto">
         <asp:Button id="ButtonAtrasProyecto" Text="Atrás" runat="server" onclick="ButtonAtrasProyecto_Click" /> 
        <asp:Button id="ButtonSiguienteProyecto" Text="Siguiente pestaña" runat="server" onclick="ButtonSiguienteProyecto_Click" />        
    </div>
    <div id="seccionFooter">
        <label>© Tecnológico de Costa Rica </label><br/><br/><br/><br/>
	</div>
    </form>
</body>
</html>
